<!DOCTYPE html>
<html lang="en">

<head>
    <meta charset="UTF-8">
    <meta http-equiv="X-UA-Compatible" content="IE=edge">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <title>Document</title>
    <script src="../js/jquery-1.10.1.min.js"></script>
</head>

<body>
    <button class="get">get</button>
    <button class="post">post</button>
    <button>jsonp</button>
</body>
<script>
    console.log($);
    console.dir($);


    $("button").eq(0).click(function () {
        $.ajax({
            type: "get",
            url: "http://localhost/2101_php/demo_08/php/isExist.php",
            data: {
                user: "a123123",
            },
            dataType: "json",
            beforeSend(xhr) {  //请求发送之前 执行的回调函数
                console.log("请求发送之前", xhr);
            },
            success(res) {
                console.log(res);
            },
            error(res) {  // 请求失败时

            }
        })
        $.get("http://localhost/2101_php/demo_08/php/isExist.php", {
            user: "a123123",
        }, function (res) {
            console.log(res);
        }, "json")
    })

    //  "Content-type": "application/x-www-form-urlencoded",  //默认   FormData
    // xhr.send("a=1&b=2");

    // "Content-type": "application/json",  
    // var data = {a:1,b:2};
    // xhr.send(JSON.stringify(data));


    $("button").eq(1).click(function () {
        // application/x-www-form-urlencoded
        // $.ajax({
        //     type: "post",
        //     headers: {
        //         "Content-type": "application/x-www-form-urlencoded",  //默认 
        //     },
        //     url: "http://localhost/2101_php/demo_08/php/login.php",
        //     data: {
        //         user: "a123123",
        //         pwd: "123123"
        //     },
        //     dataType: "json",
        //     success(res) {
        //         console.log(res);
        //     }
        // })

        // application/json
        // $.ajax({
        //     type: "post",
        //     headers: {
        //         "Content-Type": "application/json",
        //     },
        //     // contentType: "application/json",
        //     url: "http://localhost/2101_php/demo_08/php/login1.php",
        //     data: JSON.stringify({
        //         user: "a123123",
        //         pwd: "123123"
        //     }),
        //     dataType: "json",
        //     success(res) {
        //         console.log(res);
        //     }
        // })

        // $.post("http://localhost/2101_php/demo_08/php/login.php", {
        //     user: "a123123",
        //     pwd: "123123"
        // }, function (res) {
        //     console.log(res);
        // }, "json");
    })

    $("button").eq(2).click(function () {
        // http://localhost/2101_php/jsonp/searchGradeOrderLimit.php?key=&orderCol=id&orderType=asc&pageIndex=1&showNum=5&callback=fn

        // jsonp 请求 要求将 data数据 和回调函数 callback=fn 分开写
        // $.ajax({
        //     type: "get",
        //     url: "http://localhost/2101_php/jsonp/searchGradeOrderLimit.php",
        //     data: {
        //         key: "",
        //         orderCol: "id",
        //         orderType: "asc",
        //         pageIndex: 1,
        //         showNum: 10,
        //     },
        //     dataType: "jsonp",  // 使用jsonp的方式发送请求,
        //     // jsonp: "cb",  // 规定接收回调函数的字段名  (默认callback)
        //     // jsonpCallback: "fn", // 规定回调函数名 (默认随机生成)
        //     success(res) {
        //         console.log(res);
        //     }
        // })

        // 通过 HTTP GET 请求载入 JSON 数据。  => jsonp  您可以通过使用JSONP形式的回调函数来加载其他网域的JSON数据，   url之后手动拼接 回调函数的字段名  url?callback=?

        $.getJSON("http://localhost/2101_php/jsonp/searchGradeOrderLimit.php?callback=?", {
            key: "",
            orderCol: "id",
            orderType: "asc",
            pageIndex: 1,
            showNum: 10,
        }, function (res) {
            console.log(res);
        })
    })





</script>

</html>